<!doctype html>
<html lang="en">
  <head>
    <script type="module" crossorigin src="/frontend-mini-challenges/javascript/assets/index-B7X8RktK.js"></script>
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-PAFhV-cJ.js">
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DIqzw3PH.js">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-Dkne97UN.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DAZPOirm.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/index-DvYX0n_I.css">
  </head>
  <body>
    <div class="container text-center">
      <p>Use up & down arrows to navigate on suggestions</p>
      <input
        type="search"
        id="userInput"
        autocomplete="off"
        spellcheck="false"
        type="text"
        placeholder="Search for github username"
        aria-label="Search"
        role="combobox"
        aria-autocomplete="list"
      />
      <div id="loader"></div>
      <div id="info"></div>
      <ul class="suggestions"></ul>
    </div>
  </body>
</html>
